<div class="content-warp">
  <div class="content-header">
    <i class="anticon anticon-left-circle-o" routerLink="../../list"></i>
    <span class="content-title">确认发货</span>
  </div>
  <div class="content-body">
    <nz-spin [nzSpinning]="_isSpinning">
      <form nz-form [formGroup]="validateForm" (ngSubmit)="_submitForm()">
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="24">订单编号:</div>
          <div nz-form-control nz-col [nzSm]="6" [nzXs]="24">{{order_no}}</div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="24">收件人:</div>
          <div nz-form-control nz-col [nzSm]="6" [nzXs]="24" *ngIf="expressInfo">{{expressInfo.name}}</div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="24">联系电话:</div>
          <div nz-form-control nz-col [nzSm]="6" [nzXs]="24" *ngIf="expressInfo">{{expressInfo.mobile}}</div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="24">收货地址:</div>
          <div nz-form-control nz-col [nzSm]="6" [nzXs]="24" *ngIf="expressInfo">{{expressInfo.address}}</div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="24" nz-form-item-required>快递公司:</div>
          <div nz-form-control nz-col [nzSm]="6" [nzXs]="24" [nzValidateStatus]="getFormControl('express_id')">
            <nz-select style="width: 170px;" [nzSize]="'large'" formControlName="express_id">
              <nz-option
                *ngFor="let option of courierList"
                [nzLabel]="option.abbreviation"
                [nzValue]="option.id">
              </nz-option>
            </nz-select>
            <div nz-form-explain *ngIf="getFormControl('express_id').dirty&&getFormControl('express_id').hasError('required')">请选择快递公司</div>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="24" nz-form-item-required>快递单号:</div>
          <div nz-form-control nz-col [nzSm]="6" [nzXs]="24" [nzValidateStatus]="getFormControl('express_no')">
            <nz-input style="width: 170px;" [nzSize]="'large'" formControlName="express_no"></nz-input>
            <div nz-form-explain *ngIf="getFormControl('express_no').dirty&&getFormControl('express_no').hasError('required')">请输入快递单号</div>
          </div>
        </div>
        <div nz-form-item nz-row>
          <div nz-form-label nz-col [nzSm]="9" [nzXs]="24">买家留言:</div>
          <div nz-form-control nz-col [nzSm]="6" [nzXs]="24" *ngIf="expressInfo">{{expressInfo.remark?expressInfo.remark:'无'}}</div>
        </div>

        <div nz-form-item nz-row style="margin-bottom:8px;">
          <div nz-form-control nz-col [nzSpan]="14" [nzOffset]="9">
            <button nz-button [nzSize]="'large'" [nzType]="'primary'">保存</button>
          </div>
        </div>
      </form>
    </nz-spin>
  </div>
</div>
